<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>React Infinite Scroller by CASSETTE</title>
    
    <link rel="stylesheet" href="../stylesheets/normalize.css" media="screen">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
    <link rel="stylesheet" href="../stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" href="../stylesheets/github-light.css" media="screen">
</head>
<body>
    <section class="page-header">
        <h1 class="project-name">React Infinite Scroller</h1>
        <h2 class="project-tagline">Infinite scroll component for React in ES6</h2>
        <a href="../" class="btn">Back to Home</a>
        <a href="https://github.com/CassetteRocks/react-infinite-scroller" class="btn">View on GitHub</a>
    </section>

    <section class="main-content">
        <h3>Demo</h3>
        <p>The source code to this demo can be found in the repo's <a href="https://github.com/CassetteRocks/react-infinite-scroller/tree/master/docs">docs folder</a>. Below, the component infinite scrolls my entire history of SoundCloud favourites! N.B. Making GitHub issues about my taste in music is not cool guys!</p>
    </section>
    
    <section class="main-content">
        <div id="root"></div>
    </section>

    <script src="../js/script.js"></script>
</body>
</html>
